<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#pk{
				width: 600px;
				height: 600px;
				border: 1px black solid;
				background: url(img/a.jpg),url(img/b.jpg),url(img/c.jpg);
				background-repeat: no-repeat;
				background-position: 0% 0%,20% 30%, 40% 60%
				
			}
			#jd{
				height: 103px;
				display: flex;
				align-items: center;
				float: left;
				padding: 20px;
			}
			#jd .duo{
				width: 40px;
				height: 45px;
				background: url(img/cc1d8d291ea917c0.png);
				background-repeat: no-repeat;
				background-position: 0px -190px;
				text-indent: -999px;
			}
			#jd .kuai{
				width: 40px;
				height: 45px;
				background: url(img/cc1d8d291ea917c0.png);
				background-repeat: no-repeat;
				background-position: -41px -190px;
				text-indent: -999px;
			}
			#jd .hao{
				width: 40px;
				height: 45px;
				background: url(img/cc1d8d291ea917c0.png);
				background-repeat: no-repeat;
				background-position: -82px -190px;
				text-indent: -999px;
			}
			#jd .sheng{
				width: 40px;
				height: 45px;
				background: url(img/cc1d8d291ea917c0.png);
				background-repeat: no-repeat;
				background-position: -123px -190px;
				text-indent: -999px;
			}
			
		</style>
	</head>
	<body>
		<div id="pk">
			
		</div>
		<div id="jd">
			<h5 class="duo">多</h5>
			<p>品类齐全，轻松购物</p>
		</div>
		<div id="jd">
			<h5 class="kuai">快</h5>
			<p>多仓直发，极速配送</p>
		</div>
		<div id="jd">
			<h5 class="hao">好</h5>
			<p>正品行货，精致服务</p>
		</div>
		<div id="jd">
			<h5 class="sheng">省</h5>
			<p>天天低价，畅选无忧</p>
		</div>
	</body>
</html>
